import Vue from 'vue'
import App from './App.vue'
import router from './router/index'
import Axios from 'axios'
import Moment from 'moment'
Vue.config.productionTip = false


//引入mint-UI
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(MintUI)

//使用axios因为在使用的时候有可能会在每个组件里都使用axios
//发起请求所以在main.js里把axios挂载到Vue的实例上
//配置公共的API:url
Axios.defaults.baseURL = 'https://www.easy-mock.com/mock/5d3db94b7bd40a38a9a7f8e9/add'
Vue.prototype.$axios = Axios

//给axios配置拦截器
//全局共享的拦截器！请求拦截器
Axios.interceptors.request.use(function (config) {
  //在发送请求之前做一些什么事情，加载提示框
  MintUI.Indicator.open({
    text: '努力加载中。。。'
  })
  return config;
}, function (error) {
  return Promise.reject(error);
});
//响应拦截
Axios.interceptors.response.use(function (response) {
  //数据响应之前关闭提示框！
  MintUI.Indicator.close()
  return response;
}, function (error) {
  return Promise.reject(error);
});

//导入MUI下的CSS 
import './lib/mui/css/mui.min.css'

//因为有好几个地方都用到了时间，所以注册一个全局的过滤器
Vue.filter('conevrTiem', function (data, formatStr) {
  return Moment(data).format(formatStr)
})










new Vue({
  router,
  render: h => h(App),

}).$mount('#app')
